{% extends "start.html" %}

{% block extraTitle %}
&laquo; Welcome back &raquo;
{% endblock %}

{% block topbar %}
    &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
    &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
    &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
    <a href="/accounts/logout/">Logout</a>
{% endblock %}


{% block profile %}
    {% block level %}
        <!--<img src="../static/levels/{{profile.level}}.jpg"  width="106" height="109">-->
        <img src="../static/levels/{{profile.level}}.jpg"  width="84" height="80">
    {% endblock %}
    <font size="3">
        <ul>
            <li>EXP: {{ profile.experience }} </li>
            <li>${{ profile.money }}.00 </li>
            <li>Energy :{{ profile.energy }}/{{profile.total_energy}} </li>
        </ul>
    </font>
{% endblock %}

{% block pageTitle %}Welcome, <strong>{{ usuario.username }}</strong>{% endblock %}
{% block sectionTitle %}Stats: {% endblock %}
{% block content %}							
        <font size="5"><strong>
                <font size="10"><li> Level {{ profile.level }} </li></font>
                <ul>
                    <li><img src="../static/interface_images/exp.png" width="40" height="16"> {{ profile.experience }} </li>
                    <li><img src="../static/interface_images/money.png" width="20" height="20"> {{ profile.money }} </li>
                    <li><img src="../static/interface_images/energy.png" width="40" height="20"> {{ profile.energy }} </li>
                </ul>
                <font size="4">last login: {{usuario.last_login}}</font>
       </strong></font>	
{% endblock %}
